<!-- <form action="test.html">
    lalla
</form>
<p>
    <input type="text">
</p>
<input type="password">

<input type="checkbox"> 吃饭
<input type="checkbox"> 睡觉
<input type="checkbox"> 打游戏
<input type="checkbox"> 回家

<input type="button" values="按钮">
<input type="button" values="按钮" onclick="alert('hello')">

<form action="test.html">
    <input type="text" name="username">
    <input type="submit" value="提交">
</form>

<input type="file"> -->

<!-- 
<label for="male">男</label>
<input id="female" type="radio" name="sex">
<label for="female">女</label>
<input id="male" type="radio" name="sex"> -->

<!-- <select>
    <option>北京</option>
    <option selected="selected">上海</option>
</select>

<select>
    <option>--请选择年份--</option>
    <option>1991</option>
    <option>1992</option>
    <option>1993</option>
    <option>1994</option>
    <option>1995</option>
</select> -->
<!-- 
<textarea rows="3" cols="50">
</textarea> -->


<!-- <div>
    <span>咬人猫</span>
    <span>咬人猫</span>
    <span>咬人猫</span>
</div>
<div>
    ?
</div>
<div>
    <span>兔总裁</span>
    <span>兔总裁</span>
    <span>兔总裁</span>
</div>
<div>
    <span>阿叶君</span>
    <span>阿叶君</span>
    <span>阿叶君</span>
</div> -->


<!-- 1.快速输入标签
input[tab]
<input type="text">

2.快速输入多个标签
div*3[tab]
<div></div>
<div></div>
<div></div>

3.标签带id
div#sex[tab]
<div id="sex"></div>

4.标签带类名
div.sex[tab]
<div class="sex"></div>

5.标签带子元素
ul>li*3[tab]
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

6.标签带兄弟元素
span+span
<span></span><span></span>

7.标签带内容
div{hello}
<div>hello</div>

8.标签带内容(带编号)
<div>1.hello</div> -->

<!-- hhh<br/>
<p>hhh</p>
<p>hhh</p> -->
<!-- 
<input type="text">  -->

<!-- <form action="">
    <textarea cols="3" rows="1"></textarea>
</form> -->

<!-- <html>
    <head>
        <title>第一个页面</title>
    </head>
    <body>
       hello world
    </body>
</html> -->

<ol>
    <li type="a"></li>
    <li type="A"></li>
    <li type="i"></li>
    <li type="I"></li>
    <li type="1"></li>
</ol>